
.main-article-nav {
	width: 26%;
	float: left;
	position: relative;
}

.main-article-nav-title {
	box-sizing: border-box;
	width: 100%;
	/**height: 62px;
	*line-height: 62px;*/
	font-size: 18px;
	color: #fff;
	padding: 20px;
	padding-left: 40px;
	*padding: 20px 0;
	background: #68b2d1;
	position: absolute;
	top: -62px ;
	text-indent: 2em;
}
@media only screen and (max-width: 1200px) {
	.main-article-nav-title {
		text-indent: 0;
		padding-left: 20px;
	}
}
@media only screen and (max-width: 766px) {
	.main-article-nav-title {
		display: none;
	}
}






.dropdown {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	/*height: 100%;*/
	width: 100%;
	/*background-color: #fff;*/
	/*font-family: "Montserrat", sans-serif;*/
	/*padding-top: 20px;*/
	font-size: 12px;
}

@media only screen and (max-width: 766px) {
	.dropdown {
		display: none;
	}
}


.dropdown li {
	/*padding: 0 10px;*/
	width: 100%;
	border-bottom: #f8f8f8 2px solid;
}
.dropdown > li {
	background-color: #fff;
}

.dropdown li.selected {
	/*background-color: #fff;*/
}

.dropdown li a {
	box-sizing: border-box;
	font-size: 18px;
	display: block;
	width: 100%;
	padding: 20px;
	padding-left: 40px;
	padding-right: 60px;
	*padding: 20px 0;
	text-decoration: none;
	text-transform: uppercase;
	color: #68B2D1;
	/*text-align: center;*/
	text-indent: 2em;
		
	/*单行文本溢出解决方案*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
@media only screen and (max-width: 1200px) {
	.dropdown li a {
		text-indent: 0;
		padding-left: 20px;
		padding-right: 40px;
	}
}
@media only screen and (max-width: 768px) {
	.dropdown li a {
		padding: 10px;
		font-size: 16px;
	}
}
.dropdown li>ul li {
	/*padding: 0 20px;*/
}

.dropdown li>ul li a {
	/*text-indent: 1em;*/
}

.dropdown li>ul li>ul li>ul li {
	padding: 10px 30px;
}



.dropdown > li.selected > a {
	border-left: #68b2d1 2px solid;
}
.dropdown > li.selected > a span {
	transform: rotate(180deg);
}
.dropdown > li.selected ul {
	background: #fcfcfc;
}
.dropdown > li > a {
	position: relative;
}
.dropdown > li > a span {
	*width: 20px;
	*text-align: center;
	/**display: none!important;*/
	/*float: right;*/
	text-indent: 0;
	display: inline-block;
	*background: #fff;
	right: 40px;
	position: absolute;
	*float: none;
	*position: absolute;
	*right: 6px;
	transition: all 0.25s ease;
	/*margin-right: 10px;*/
}
@media only screen and (max-width: 1200px) {
	.dropdown > li > a span {
		right: 20px;
	}
}